<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>
<body>
    <!-- 头部开始 -->
    <header class="app">
        <ul>
            <li>+</li>
            <li><img src="images/logo.png" alt=""></li>
            <li>打开京东APP，购物更轻松</li>
            <li>立即打开</li>
        </ul>
    </header>
    <!-- 头部结束 -->
    <!-- 导航部分 -->
    <div class="serch-wrap">
        <div class="serch-btn"alt=""></div>
        <div class="serch">
            <div class="jd-icon"></div>
            <div class="sou"></div>
            
        </div>
        <div class="serch-login">登录</div>
        
    </div>
    <!-- 主题内容部分 -->
    <div class="main-content">
        <!-- 滑动图 -->
        <div class="slider">
         <img src="images/banner.png" alt="">
        </div>
        <div class="brand">
           <a href=""> <div><img src="images/left.png" alt=""></div></a>
          <a href="">  <div><img src="images/r.png" alt=""></div></a>   
        </div>
    </div>
    <!-- nav部分 -->
    <nav>
        <a href="">
            <img src="images/cs.png" alt="">
            <span>京东超市</span>
        </a>
        <a href="">
            <img src="images/daojia.png" alt="">
            <span>京东到家</span>
        </a>
        <a href="">
            <img src="images/shuma.png" alt="">
            <span>数码电器</span>
        </a>
        <a href="">
            <img src="images/fs.png" alt="">
            <span>京东服饰</span>
        </a>
        <a href="">
            <img src="images/sx.png" alt="">
            <span>京东生鲜</span>
        </a>
        <a href="">
            <img src="images/cs.png" alt="">
            <span>京东超市</span>
        </a>
        <a href="">
            <img src="images/daojia.png" alt="">
            <span>京东到家</span>
        </a>
        <a href="">
            <img src="images/shuma.png" alt="">
            <span>数码电器</span>
        </a>
        <a href="">
            <img src="images/fs.png" alt="">
            <span>京东服饰</span>
        </a>
        <a href="">
            <img src="images/sx.png" alt="">
            <span>京东生鲜</span>ling
        </a>  
    </nav>
    <div class="dongjia"><img src="upload/dongjia.png" alt=""></div>
    <div class="text">
        <div class="text-l">
            <div class="text-t">
                <span>租房贵族</span>
                <p>随你自由拎包入住</p>
            </div>
            <div class="text-b">
                <div class="text-b-l"><img src="upload/text1.png" alt=""></div>
                <div class="text-b-r"><img src="upload/text2.png" alt=""></div>
            </div>
        </div>
        <div class="text-l">
            <div class="text-t">
                <span>无畏时光</span>
                <p>明星时尚</p>
            </div>
            <div class="text-b">
                <div class="text-b-l"><img src="upload/text3.png" alt=""></div>
                <div class="text-b-r"><img src="upload/text4.png" alt=""></div>
            </div>
        </div>
        
    </div>
    <div class="text2">
        <div class="everytext">
            <div class="text2-t">
                <span>时尚男鞋</span>
                <p>你需要的鞋</p>
            </div>
            <div class="text2-b"><img src="upload/text5.png" alt=""></div>
        </div>
        <div class="everytext">
            <div class="text2-t">
                <span>时尚男鞋</span>
                <p>你需要的鞋</p>
            </div>
            <div class="text2-b"><img src="upload/text5.png" alt=""></div>
        </div>
        <div class="everytext">
            <div class="text2-t">
                <span>时尚男鞋</span>
                <p>你需要的鞋</p>
            </div>
            <div class="text2-b"><img src="upload/text5.png" alt=""></div>
        </div>
        <div class="everytext">
            <div class="text2-t">
                <span>时尚男鞋</span>
                <p>你需要的鞋</p>
            </div>
            <div class="text2-b"><img src="upload/text5.png" alt=""></div>
        </div>
    </div>
    <!-- 底部部分 -->
    <div class="footer">
        <div class="footer-t">
            <a href="#">登录</a>
            <span>|</span>
            <a href="#">注册</a>
            <span>|</span>
            <a href="#">客户服务</a>
            <span>|</span>
            <a href="#">返回顶部</a>
        </div>
        <div class="footer-b">
            <a href="">
                <img src="upload/app.png" alt="">
                <span>客户端</span>
            </a>
        </div>
        <div class="footer-b">
            <a href="">
                <img src="upload/app2.png" alt="">
                <span>电脑版</span>
            </a>
        </div>
        <div class="footer-b">
            <a href="">
                <img src="upload/app3.png" alt="">
                <span>国际版</span>
            </a>
        </div>
    </div>
    <!-- 版权部分 -->
    <div class="jd">
        <span>Copyright2014-2019京东JD.com版权所有</span>
    </div>
</body>
</html>